<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>访问控制-调用方管理</title>

    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>


    <meta name="renderer" content="webkit"/>

    <!--toast-->
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link
            href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/uniform/css/uniform.default.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"
            rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css"
          id="style_components" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css"/>
    <!-- END THEME STYLES -->
    <style type="text/css">
        .control-label {
            line-height: 34px;
            text-align: right;
        }

        .no-padding-right {
            padding-right: 0px !important
        }

        .help-inline {
            color: red;
        }

        .table {
            border-top: solid 3px #F3565D;
        }

        .table-toolbar {
            margin-bottom: 0px;
        }


        /* .portlet-body { */
        /*     height: 100vh; */
        /*     overflow: auto; */
        /* } */


    </style>
</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
      style="width: 98%; background: #0f0; background-color: transparent;">
<div id="main-container" style="margin-top:16px;">
    <!--Begin Right Content-->
    <div class="col-md-12">
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-globe"></i>测站管理
                </div>
                <div class="actions">
                    <a @click="backBtn" class="btn btn-default btn-sm" href="javascript:;"
                       id="btn_back"> <i class="fa fa-backward"></i>
                        返回
                    </a>
                </div>
            </div>
            <div class="portlet-body">


                <form id="moreJoinForm" class="text-align-reverse" v-model="info">
                    <div class="row">
                        <div class="col-sm-11">
                            <div class="form-group">
                                <label  class="col-sm-2 control-label">测站编码:</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" 
                                           maxlength="8"
                                           :readonly = 'optFlag'
                                           v-model="info.stcd"
                                           @change="stcdChange(info.stcd)"
                                           placeholder="请输入">
                                </div>
                            </div>
                            <label  class="col-sm-2 control-label ">测站名称:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control"
                                       maxlength="30"
                                       v-model="info.stnm"
                                       placeholder="请输入">
                            </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-sm-11">
                            <div class="form-group">
                                <label  class="col-sm-2 control-label">河流名称:</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control"
                                           maxlength="30"
                                           v-model="info.rvnm"
                                           placeholder="请输入">
                                </div>
                            </div>
                            <label  class="col-sm-2 control-label ">水系名称:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control"
                                       maxlength="30"
                                       v-model="info.hnnm"
                                       placeholder="请输入">
                            </div>
                        </div>
                    </div>




                    <div class="row">
                        <div class="col-sm-11">
                            <div class="form-group">
                                <label  class="col-sm-2 control-label">流域名称:</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control"
                                           maxlength="30"
                                           v-model="info.bsnm"
                                           placeholder="请输入">
                                </div>
                            </div>
                            <label  class="col-sm-2 control-label ">经度:</label>
                            <div class="col-sm-4">
                                <input type="number" class="form-control"
                                       v-model="info.lgtd"
                                       placeholder="请输入">
                            </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-sm-11">
                            <div class="form-group">
                                <label  class="col-sm-2 control-label">纬度:</label>
                                <div class="col-sm-4">
                                    <input type="number" class="form-control"
                                           maxlength="20"
                                           v-model="info.lttd"
                                           placeholder="请输入">
                                </div>
                            </div>
                            <label  class="col-sm-2 control-label ">站址:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control"
                                       v-model="info.stlc"
                                       placeholder="请输入">
                            </div>
                        </div>
                    </div>



                    <div class="row">
                        <div class="col-sm-11">
                            <div class="form-group">
                                <label  class="col-sm-2 control-label">行政区划码:</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control"
                                           maxlength="6"
                                           v-model="info.addvcd"
                                           placeholder="请输入">
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                </form>
                <div class="row center-block" style="text-align: center">
                    <button type="button"
                            @click="backBtn"
                            class="btn btn-danger"><i class="ace-icon fa fa-reply"> </i> 取消
                    </button> &nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="button"
                            @click='saveCfgInfo'
                            class="btn btn-primary"><i class="fa fa-save"></i> 保存
                    </button>
                </div>


            </div>
        </div>
    </div>
</div>
<!--<script src="../metronic/assets/global/plugins/jquery.min.js"-->
<!--type="text/javascript"></script>-->
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js"
        type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js"
        type="text/javascript"></script>

<!-- END PAGE LEVEL SCRIPTS -->
<!-- VUE -->
<script src="../metronic/assets/vue/vue.global.js"
        type="text/javascript"></script>
<script src="../metronic/assets/vue/vue@2.js" type="text/javascript"></script>
<script src="../metronic/custom/commDialogs.js" type="text/javascript"></script>
<script src="../js/accessControl/acStationInfoSave.js" type="text/javascript"></script>


<!--acStationInfoAdd.html-->
</body>
</html>
